.cicle3 {
            width          : 70rem;
            height         : 70rem;
            background     : url(底座.png) no-repeat center;
            background-size: 60%;
            position       : absolute;
            top            : 20%;
            left           : 50%;
            transform-style: preserve-3d;
            transform      : translateX(-50%) rotateX(75deg);
            animation      : rotate3 20s linear infinite;
        }
      
@keyframes rotate3 {
    0% {
        transform: translateX(-50%) rotateX(75deg) rotateZ(0)
    }

    100% {
        transform: translateX(-50%) rotateX(75deg) rotateZ(360deg)
    }
}

/* 时间容器样式 */
.time-container {
    position: fixed; /* 固定定位 */
    top: 5px; /* 距离顶部 20px */
    right: 20px; /* 距离右侧 20px */
    color: white; /* 文字颜色为白色 */
    font-size: 24px; /* 字体大小为 24px */
    font-family: Arial, sans-serif; /* 字体族 */

    padding: 10px 20px; /* 内边距 */
    border-radius: 8px; /* 圆角边框 */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); /* 阴影效果 */
}